<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网易电影-电影票</title>
    <link rel="stylesheet" href="网易电影.css">
</head>
<body>
      <div class="nav-big">
           <div class="nav cl">
               <span class="nav-left">欢迎来到网易电影！</span>
               <span class="left-1">请登录</span>
               <span class="left-2">立即注册>></span>
               <ul class="nav-right">
                   <li>我的订单</li>
                   <li class="li-1">|</li>
                   <li>我的优惠券</li>
                   <li class="li-2">|</li>
                   <li>帮助</li>
                   <li class="li-3">|</li>
                   <li>提意见</li>
                   <li class="li-4">|</li>
                   <li>
                      <span>联系客服</span>
                      <div class="none">客服电话：0571-26201163</div>
                   </li>
               </ul>
           </div>
      </div>
     <div class="red-big">
         <div class="red-middle cl">
            <a class="movie-img" href="javascript:;"></a>
            <ul class="movie-zi">
              <li class="beijing">北京</li>
              <li class="shouye">首页</li>
              <li class="dianying">电影
                   <i href="javascript:;">正在热映</i>
                   <i href="javascript:;">即将上映</i>
              </li>
              <li class="yingyuan">影院</li>
              <li class="kehu">客户端</li>
            </ul>
            <div class="red-input">
               <input type="text" placeholder="请输入影片和影院">
               <i></i>
            </div>
         </div>
     </div>
     <div class="middle-nav">
        <i class="middle-img">
           <i class="li1"></i>
           <i class="li2"></i>
        </i>
        <div class="list-border">
             <a href="javascript:;"></a>
             <a href="javascript:;"></a>
             <a href="javascript:;"></a>
             <a href="javascript:;"></a>
             <a href="javascript:;"></a>
             <a href="javascript:;"></a>
        </div>
     </div>
     <div class="dianying-tuijian">
          <div class="tuijian-left cl">
               <div class="tuijian-h2">
                 <span class="span1">热映电影推荐</span>
                 <span class="span2">北京共有22部热映电影，123家影院支持购票</span>
                 <a class="a1" href="javascript:;">全部热映电影></a>
               </div>
                <div class="jinganglang">
                   <i class="jinganglang-img">
                      <a href="javascript:;"></a>
                   </i>
                   <div class="jinganlang-zi">
                        <h3>
                          <a href="javascript:;">金刚狼3：殊死一...</a>
                        </h3>
                        <p class="jinganglang-p">
                           <i class="i1"></i>
                           <i class="i2"></i>
                           <span>7.4</span>
                        </p>
                        <p class="p2">03月03日上映</p>
                        <p class="p3">血战谢幕，颠覆想象</p>
                        <span class="span4">23.9
                              <i>元起</i>
                        </span>
                        <a class="zuowei-a" href="javascript:;">选座购票</a>
                   </div>
                </div>
                <div class="weiji">
                     <i class="weiji-img">
                         <a href="javascript:;"></a>
                         <i></i>
                     </i>
                     <div class="weiji-zi">
                          <h3>
                             <a href="javascript:;">生化危机：终章</a>
                          </h3>
                          <p class="weiji-p1">
                              <i class="weijip1"></i>
                              <i class="weijip2"></i>
                              <span>7.0</span>
                          </p>
                          <p class="weiji-p2">02月24日上映</p>
                          <p class="weiji-p3">终极决战，蓄势待发</p>
                          <span class="weiji-span">26
                                <i>元起</i>
                          </span>
                          <a class="weiji-zuowei" href="javascript:;">选座购票</a>
                     </div>
                </div>
          </div>
          <div class="tuijian-right">
            <a href="javascript:;"></a>
            <div class="shouji-kehuduan"></div>
            <div class="liucheng">
              <span>购票流程</span>
               <div class="xuanze">
                     <i></i>
                     <span>1.选择影院和座位</span>
               </div>
               <div class="zaixian">
                    <i></i>
                    <span>2.在线选座位并支付</span>
               </div>
                <div class="duanxin">
                    <i></i>
                    <span>3.短信获取取票码</span>
               </div>
                <div class="qupiao">
                    <i></i>
                    <span>4.凭码自助取票</span>
               </div>
            </div>
          </div>
     </div>
     <div classs="movie-bottom">
               <ul class="movie-pictuer">
                   <li>
                      <div class="dog-picture">
                         <a href="javascript:;"></a>
                      </div>
                      <div class="dog-zi">
                           <span class="span11">23.9</span>
                           <i class="i11">元起</i>
                            <em>7.5</em>
                            <a href="javascript:;">选座购票</a>
                      </div>
                   </li>
                   <li>
                      <div class="legao-picture">
                           <a href="javascript:;"></a>
                      </div>
                      <div class="legao-zi">
                           <span class="span12">25</span>
                           <i class="i22">元起</i>
                            <em>7.3</em>
                            <a href="javascript:;">选座购票</a>
                      </div>
                   </li>
                   <li>
                      <div class="pig-picture">
                            <a href="javascript:;"></a>
                      </div>
                      <div class="pig-zi">
                           <span class="span13">26</span>
                           <i class="i33">元起</i>
                            <em>7.4</em>
                            <a href="javascript:;">选座购票</a>
                      </div>
                   </li>
                   <li>
                      <div class="aiyue-picture">
                            <a href="javascript:;"></a>
                      </div>
                      <div class="aiyue-zi">
                           <span class="span14">23.9</span>
                           <i class="i44">元起</i>
                            <em>8.3</em>
                            <a href="javascript:;">选座购票</a>
                      </div>
                   </li>
         </ul>
     </div>
</body>
</html>